@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './vxe-table.scss';

$bg: #0da883;
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  color: #777;
  font-size: 14px;
  background-color: #ecedf0;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

 h3 {
    margin: 0;
    color: #000000;
    background-color: #f6f6f6;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
  }

// main-container global css
.app-container {
  padding: 20px;
}

.vxe-button.type--button.theme--primary:not(.is--disabled){
  border-color: red !important;
  background-color: red !important;
}

.vxe-input:not(.is--disabled).is--active .vxe-input--inner {
  border-color: #12f3bb !important;
}
.vxe-checkbox>input:checked+.vxe-checkbox--icon+.vxe-checkbox--label{
  color: $bg !important;
}
.vxe-checkbox>input:checked+.vxe-checkbox--icon{
  background-color: $bg !important;
  border-color: $bg !important;
}

.vxe-table--header,.vxe-table--body{
  width: 100% !important;
}
.ql-editor{
  min-height: 200px;
}
.ql-toolbar.ql-snow{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #F5F5F5;
}
.ql-container.ql-snow{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.is--checked.vxe-custom--option .vxe-checkbox--icon:before, .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--checked.vxe-table--filter-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon:before, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon:before, .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon:before, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before {
    border-color: $bg !important;
    background-color: $bg !important;
}
.sortable-column-demo .vxe-header--row .vxe-header--column.col--fixed {
  cursor: no-drop !important;
}
.bgColor {
  color: #FFFFFF;
  background-color: #33cc99;
}

.footer-style{
  background-color: #f8f8f9;
  font-weight: bold;
}
.mytable-style .vxe-body--column.col-padding {
  padding-right: 30px;
}
.table-body{
  padding: 10px;
  background-color: #FFFFFF;
}
.vxe-input--inner{
    padding: 0 15px !important;
}
#nprogress .bar {
  background: $bg !important; //自定义颜色
}
